<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%-- 引入页面头 --%>
<%@ include file="/pageHead.jsp"%>
<form name="form1" id="form1"
	action="<%-- ${systemctx}/sample/saveSample.web --%>" method="post">
	<div class="pageMain">
		<div class="pageTitle">
			<%=MessageResourcesUtils.getMessage(request,"systemmanage.report")%>
			<span></span>
			译员上下线时间点
			<span></span>
			译员上下线时间点列表
		</div>
		<div class="pageBody">
			<div class="pageBody">
			<div class="form-group">
				<ul>
					<li>
						<i></i> <label>上线开始时间</label>
						<span><input type="text" value="${startTime}" name="startTime" id="startTime" class="validate[required]"></span>
					</li>
					<li>
						<i></i> <label>上线结束时间</label>
						<span><input type="text" value="${endTime}" name="endTime" id="endTime" class="validate[required]"></span>
					</li>
				</ul>
				<ul>
					<li>
						<i></i>
						<label>
							译员ID
						</label>
						<span><input type="text" id="translatorid" name="translatorid"/></span> 
					</li>
					<li>
						<i></i>
						<label>
							译员真名
						</label>
						<span><input type="text" id="translatorName" name="translatorName"/></span> 
					</li>
				</ul>
			<ul>
					<li>
						<i></i>
					    <label>
							译员类型
						</label>
						<span>
						<SELECT NAME="translatorType" id="translatorType">
							    <OPTION VALUE="">==请选择==	
								<OPTION VALUE="FULL_TIME">专职
								<OPTION VALUE="PART_TIME">兼职
							</SELECT>	
						</span>
					</li>
					
					<li>
						  <i></i>
							<label>
									译员母语
							</label>
							<span>
								<select name="lang_name_zh" id="lang_name_zh">
								    <option value="">==请选择==	</option>
			                        <option value="1">中文</option>
									<option value="2">英文</option>
									<option value="3">日文</option>
									<option value="4">法文</option>
									<option value="5">德文</option>
									<option value="6">俄文</option>
									<option value="7">韩文</option>
									<option value="9">荷兰语</option>
									<option value="10">意大利语</option>
									<option value="11">西班牙文</option>
									<option value="12">葡萄牙语</option>
									<option value="20">泰语</option>
	                    		</select>	
                    		</span>
					</li>
				</ul>
			</div>
		</div>
		</div>
		<div class="button-group">
			<input type="button" class="btn btn-default" id="butQuery" name="butQuery" value="<%=MessageResourcesUtils.getMessage(request,"common.button.query")%>" />
			<input type="button" class="btn btn-default" onclick="exportCall()" value="<%=MessageResourcesUtils.getMessage(request,"common.button.export")%>" /> 
		</div>
		<table width="100%">
			<tbody>
				<tr>
					<td>
						<table id="datagrid"></table>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</form>


<script type="text/javascript">
$(document).ready(function() {
	$("#startTime").date_input();
	$("#endTime").date_input();
	//加载分页控件 datagrid
	$('#datagrid').issdatagrid(
	{
		formid : 'form1',
		title : '上下线数据列表',
		width : 'auto',
		nowrap : true,
		autoRowHeight : false,
		singleSelect : true,
		striped : true,
		//collapsible:true,
		url : '${systemctx}/systemmanage/exportreport/queryTranslatorOnOffDataGrid.json',
		sortName : '',
		sortOrder : '',
		remoteSort : true,
		pagination : true,
		rownumbers : true,
		showFooter : true,
		queryParams:$('#form1').serializeObject(),
		columns : [ 
		[
		{
			title : '译员ID',
			field : 'translatorid',
			width : 200,
			sortable : true,
			align : 'left'
		}, {
			title : '译员昵称',
			field : 'nick_name',
			width : 200,
			sortable : true,
			align : 'left'
		}, {
			title : '译员电话',
			field : 'phone',
			width : 200,
			sortable : true,
			align : 'left'
		}, {
			title : '译员真名',
			field : 'true_name',
			width : 200,
			sortable : true,
			align : 'left'
		}, {
			title : '译员类型',
			field : 'translator_type',
			width : 150,
			sortable : true,
			align : 'left'
		}, {
			title : '母语',
			field : 'lang_name_zh',
			width : 200,
			sortable : true,
			align : 'left'
		}, {
			title : '语种能力(包含母语)',
			field : 'ability',
			width : 200,
			sortable : true,
			align : 'left'
		}, {
			title : '上线时间点',
			field : 'uptime',
			width : 200,
			sortable : true,
			align : 'left'
		}, {
			title : '下线时间点',
			field : 'downtime',
			width : 200,
			sortable : true,
			align : 'left'
		}] ],
		onLoadSuccess : function(data) {

		}
	});
	

	$('#butQuery').click(function() {
		
		$('#datagrid').datagrid('load',$('#form1').serializeObject());
	});


});



function exportCall() {
	if (confirm("是否导出派单数据？")) {
		

		var startTime = $("#startTime").val();
		var endTime = $("#endTime").val();
		
		var translatorType = $("#translatorType").val();
		var translatorid = $("#translatorid").val();
		var translatorName = $("#translatorName").val();
		var lang_name_zh = $("#lang_name_zh").val();
		if(null == startTime || startTime == '' || startTime == 'undefined'){
			alert("开始时间不能为空");
			return;
		}
		
		if(null == endTime || endTime == '' || endTime == 'undefined'){
			alert("结束时间不能为空");
			return;
		}
		
		var startDate = new Date(startTime);
		var endDate = new Date(endTime);
	
		if(startDate > endDate){
			alert("开始时间不能小于结束时间");
			return;
		}

		
		var milliseconds=endDate.getTime()-startDate.getTime()  //时间差的毫秒数			
		var days=Math.floor(milliseconds/(24*3600*1000)) //计算出相差天数
		if(days > 6){
			alert("导出数据不能大于7天");
			return;
		} 
		window.location.href = "${systemctx}/systemmanage/exportreport/exportTranslatorOnOffReport.web?startTime=" + startTime + "&endTime=" + endTime+ 
				"&translatorType=" + translatorType+ "&translatorid=" + translatorid+ "&translatorName=" + translatorName+ "&lang_name_zh=" + lang_name_zh; 
	}
}
	
	
	
	
	
</script>
<%-- 引入页面尾 --%>
<%@ include file="/pageFloor.jsp"%>